草庐IT

Swift 3 可拖动的 UIButton

全部标签

javascript - 缩放容器的 jquery 可拖动包含数组值

如果有人能帮我弄清楚如何使div中包含的可拖动元素根据窗口大小改变比例,我将非常感谢任何指导。如果我这样做:element.draggable({cursor:"move",containment:'#container'});会发生什么情况是它为我提供了容器常规大小的容器。因此,如果我有一个transform:scale(1.5),容器中就会有可拖动元素无法移动的空间。我也试过containment:'parent'但那是个小问题。编辑我已经找到了如何获得顶部和左侧的包含,但我不知道如何获得右侧和底部。varcontainmentArea=$("#container");contai

javascript - React 传单绘制 - 缺少标记图标和拖动处理程序

我正在使用Reactleafletdraw来绘制多边形和圆形。但是当我选择编辑多边形时,没有用于移动和调整大小的拖动处理程序。如果有人遇到同样的问题,如何解决?这是代码this.handleAreaSelection(event)}boxZoom={false}ref={map=>{this.map=map}}center={this.props.center}zoom={this.props.zoom}minZoom={this.props.minZoom}maxZoom={this.props.maxZoom}attributionControl={false}doubleClic

javascript - 无法在 Firefox 中拖动按钮元素

我在处理一个项目时遇到问题。这是一个Web应用程序,其界面部分存在于拖放元素之外。问题是可拖动的div元素工作正常,但按钮元素不会在Firefox中进行拖动,但它们在Chrome中工作。我认为这可能与Firefox处理按钮的现有事件的方式有关,这可能与Chrome的处理方式不同。我知道我可以改用jQueryUI,但这个项目不允许我这样做。这是我的问题的一个jsfiddle:http://jsfiddle.net/MJN6c/6/有谁知道如何让拖动事件触发Firefox中的按钮?代码:varstage=document.querySelector('#drop');varbtnsAni=

javascript - jquery 可拖动仅移动 30 度

我想要一个在30度Angular的条上移动的选择器,我在网上做了一些研究,但我找不到任何解决方案!。我知道:$(".selector").draggable({axis:'x'});将在x轴上移动它并:$(".selector").draggable({axis:'y'});将在y轴上移动它,但问题是如何仅在30度Angular上移动它?我想让这个菜单起作用。 最佳答案 其实很简单!您所要做的就是控制您的元素在drag事件中的位置,一点三Angular学将为您完成这项艰巨的工作...已编辑:这是originalanswer这是new

javascript - jquery - 当图像大于容器时可拖动图像

当图像大于容器时,使图像可拖动会做一些非常古怪的事情......有人知道解决这个问题的方法吗?这是我的代码...$(document).ready(function(){$("img").draggable({containment:"div",scroll:false});});div{width:500px;height:423px;position:relative;overflow:hidden;}和... 最佳答案 如果您手动设置边界,它会起作用:$("img").draggable({containment:[0,0,5

javascript - 如何使 div 甚至可以从其中的文本区域拖动?

我正在尝试拥有一个可拖动的div,它也可以从其中的文本区域拖动。html:CSS:#divContainer{position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:blue;}#text{position:absolute;left:5px;top:5px;width:50px;height:50px;background-color:green;}j查询:$("#divContainer").draggable();如果我在div区域中单击拖动,我可以拖动div,但如果我单击tex

javascript - 拖动并插入 div 到另一个 div

我正在尝试设计一种可以将一个div拖放到另一个div中的功能。例如:我想让#1可拖动(我知道它可以用jQuery完成,所以可拖动不是我的问题的一部分),然后将#1拖到#2上,当mouseup时,#2可以插入到#1中有人可以向我解释如何实现吗? 最佳答案 你可以通过使用jQueryUI'sSortable来简化这个过程WorkingExample$(document).ready(function(){addElements();$(function(){$("#list1,#list2").sortable({connectWith

javascript - 有没有一种简单的方法可以在文本框中单击并拖动滚动?

我有一个带有overflow:auto和滚动条的div,我希望能够拖动内容进行滚动。我不需要能够选择文本。是否有捷径可寻?一个jQuery插件会很好,否则普通的旧JavaScript就可以了。看来我说的还不够清楚。有一个我想要滚动的固定高度的div。我不想拾取滚动条,而是想在文本中沿相反方向单击并拖动。就像在iPhone上一样。就像在Photoshop中按住空格并拖动一样。-------------------|||||||||||||| 最佳答案 这是拖动和滚动div的一个很好的实现https://github.com/mvlan

javascript - 在移动设备上使用 mootools 拖动

有没有办法让mootools类“拖动”在Safari移动设备上运行?请不要将我链接到其他框架。 最佳答案 这是我使MootoolsDrag支持触摸事件的解决方案。这种方法不需要我编辑mootoolsmore文件,因为我使用了Class.refactor(这仅在Mootoolsv.1.3.1中测试过)——它也不会破坏通常的点击事件Class.refactor(Drag,{attach:function(){this.handles.addEvent('touchstart',this.bound.start);returnthis.p

javascript - 我怎样才能防止传单拖动 map 以适应标记弹出窗口?

目前我们正在使用gmaps进行传单项目,我遇到了一个小问题。添加多个标记(每个标记都有一个弹出窗口)后,我们想将它们全部打开。为此,我使用了以下代码和平:L.Map=L.Map.extend({openPopup:function(popup){//this.closePopup();this._popup=popup;returnthis.addLayer(popup).fire('popupopen',{popup:this._popup});}});在页面加载时,一切都按预期工作。但是失败的场景来了:页面加载后,用户放大,一些标记超出了用户的“View区域”。几秒钟后,网站加载新